<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>9-元素属性相关</title>
		<style type="text/css">
			a[webname='baidu']{
				color:red;
			}
		</style>
	</head>
	<body>
		<!-- 标签的自定义属性，属性之间使用空格隔开 -->
		<a id ="baidu" href="https://www.baidu.com" webname='baidu' uid='33'>百度</a>
		
		<script type="text/javascript">
			//1.获取元素属性   元素对象.属性名
			//2.设置元素的属性值   元素对象.属性名 = 值
			//需要一个事件源对象
			var a = document.querySelector('#baidu');
			a.onclick = function(){
				//alert(123);
				this.href = '#';
				//this更改标签的自定义属性值不生效
				this.uid = '100';
			}
			
			
			
			
		</script>
	</body>
</html>
